<template>
  <el-dialog
    title="查看图片"
    :visible.sync="visible"
    width="700px"
    :append-to-body="true">
    <img style="width: 100%" :src="imgSrc">
    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
    </span>
  </el-dialog>
</template>

<script>
  export default {
    data () {
      return {
        visible: false,
        imgSrc: ''
      }
    }
  }
</script>

